body {
    background-color: #F5F5F5;
    section {
        &.login-content {
            box-sizing: border-box;
            padding-top: (130rem);
            width: 100%;
            height: 100vh;
            min-height: (1200rem);
            // background: linear-gradient(180deg, #2578FC 0%, #4259F1 100%);
            background-color: #205999;

            .form {
                h1 {
                    font-size: (44rem);
                    font-weight: bold;
                    color: #FFFFFF;
                    text-align: center;
                    height: (144rem);
                    line-height: (144rem);
                    height: (144rem);

                    img {
                        height: (124rem);
                    }
                }

                form {
                    width: (670rem);
                    background: #FFFFFF;
                    box-shadow: (4rem) (3rem) (16rem) rgba(0, 0, 0, 0.16);
                    border-radius: (16rem);
                    margin: 0 auto;
                    box-sizing: border-box;
                    padding: (64rem) (38rem) (85rem);

                    p {
                        height: (36rem);
                        font-size: (28rem);
                        font-weight: bold;
                        line-height: (36rem);
                        color: #000000;
                        margin-top: (30rem);
                    }

                    input {
                        width: 100%;
                        height: (68rem);
                        font-size: (24rem);
                        font-weight: 400;
                        line-height: (68rem);
                        border: none;
                        border-bottom: solid (2rem) rgba(112, 112, 112, .5);
                        color: #333333;
                        border-radius: 0;

                        &::placeholder {
                            color: #707070;
                        }
                    }

                    .code {
                        display: flex;
                        justify-content: space-between;

                        input[type=text] {
                            width: (380rem);
                        }

                        button {
                            width: (200rem);
                            height: (52rem);
                            background: #205999;
                            border-radius: (10rem);
                            border: none;
                            font-size: (28rem);
                            font-weight: 400;
                            color: #FFFFFF;
                            line-height: (52rem);
                            margin: (16rem) 0 0 0;
                        }
                    }

                    button[type="submit"] {
                        display: block;
                        width: (500rem);
                        height: (88rem);
                        background: #205999;
                        border-radius: (10rem);
                        border: none;
                        font-size: (28rem);
                        font-weight: 400;
                        color: #FFFFFF;
                        margin: (90rem) auto 0;
                        cursor: pointer;
                    }
                }
            }

            &+footer {
                margin-top: (-100rem);

                p {
                    color: white;
                }
            }
        }
    }
}